import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface SocialXCuteReIconProps {
  width?: number
  height?: number
  color?: string
}

export const SocialXCuteReIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: SocialXCuteReIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M4.471 2.614c-1.21.412-1.725 1.875-1.037 2.948.063.098 1.485 1.842 3.16 3.875a396.456 396.456 0 0 1 3.045 3.72c0 .013-1.24 1.44-2.756 3.172-3.027 3.46-2.918 3.316-2.871 3.778a1 1 0 0 0 1.084.884c.416-.047.353.015 3.151-3.18a744.417 744.417 0 0 0 2.654-3.041c.032-.042.561.577 2.327 2.721 1.257 1.527 2.382 2.862 2.499 2.968.455.409 1.07.746 1.662.91.271.075.418.086 1.151.089.792.002.853-.003 1.073-.092 1.099-.443 1.582-1.765 1.025-2.801-.066-.124-1.506-1.907-3.199-3.962a389.162 389.162 0 0 1-3.078-3.76c0-.013 1.24-1.44 2.755-3.171C20.021 4.352 20 4.379 20 4c0-.568-.535-1.052-1.09-.986-.431.051-.353-.028-3.157 3.175a744.417 744.417 0 0 0-2.654 3.041c-.032.042-.562-.577-2.329-2.723-1.258-1.528-2.391-2.871-2.518-2.986a4.674 4.674 0 0 0-1.168-.725c-.49-.204-.926-.275-1.684-.274-.582 0-.692.011-.929.092M6.133 4.58c.32.096.642.292.875.532.26.268 11.787 14.27 11.822 14.359.02.054-.027.058-.374.034-.66-.045-1.082-.223-1.464-.617C16.729 18.616 5.206 4.621 5.171 4.53c-.022-.055.022-.059.373-.035.219.015.484.053.589.085"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
